.defaluttheme {
  .grid-content-borer {
    border: 1px solid #eee;
    border-radius: 6px;
  }
 

  /* Sidebar
  ------------------------------ */
  .site-sidebar {

    &--dark,
    &--dark-popper { 

      .site-sidebar__menu.el-menu,
      > .el-menu--popup {
        background-color: #1f4a72 !important;

        .el-menu-item,
        .el-submenu .el-submenu__title {
          color: white;

          &:focus,
          &:hover {
            color: mix(#fff, white, 50%);
            //background-color: mix(#fff, rgb(48, 65, 86), 2.5%);
          }
        }

        .el-menu,
        .el-submenu.is-opened {
          background-color: mix(#5184bb , rgb(48, 65, 86), 15%);
        }

        .el-menu-item.is-active {
          color: mix(#ff9400, #ff3003, 80%);
        }
        .el-menu-item{
          background-color: #1f4a72;
        }
        .el-submenu.is-active .el-submenu__title {
          color: mix(#fff, white, 80%);
          background: #3372b1;

        }
      }
    }

  }


  .site-sidebar {

    .el-menu--popup-right-start>.el-menu-item{
        background: #5184bb;
    }

    .el-menu.el-menu--inline>.el-menu-item{
        background-color: #5184bb;
        color: #FFFFFF;
    }

    .el-submenu {
        background: #1f4a72 !important;
    }
    .site-sidebar__inner{
        background: #1f4a72 !important;
    }
    .el-collapse-item__content{
      padding-bottom:0px !important;
    }
    .el-collapse-item__header{
      height:35px;
      line-height:35px;
    }
    .el-collapse-item__arrow{
    line-height:35px;
    }

    .el-collapse-item__header.is-active{
      border-bottom: 1px solid #ebeef5;
      background-color: #f2f2f2;
    }

    .el-collapse-item__header{
      border-bottom: 1px solid #ebeef5;
      background-color: #f2f2f2;
    }
    .el-submenu__title i{
      color: #FFF;
    }

    .el-menu-item, .el-submenu__title{
      height:40px;
      line-height: 40px;
    border-right:1px solid  #f706665e;
    }
    .el-submenu .el-menu-item{
      height:40px;
      line-height: 40px;

    }

     

  }

  .el-table tr td{
    font-family:"Microsoft YaHei";
    font-size: 13px !important;
  }
  .el-table--mini, .el-table--small, .el-table__expand-icon{
    font-family:"Microsoft YaHei";
    font-size: 13px !important;
  }
  .greenButton{
    color: #85ce61;
  }
  .redButton{
    color: #dd6161;
  }

  .greyButton{
    color: #cccccc;
  }

  .yellowButton{
    color: #cc8b06;
  }


}
